
.share-model{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 300px;
	height: 350px; 
	border-radius: 10px;
	background-color: $white;
	overflow: hidden;
	h2{
		background-color: $grayLightColor;
		text-indent: 10px;
		text-align: left;
		font-weight: bold;
	}
}
.share{
	overflow: hidden;
	height: 300px;
	span{
		display: inline-block;
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: center;
		vertical-align: middle;
		float: left;
		a{
			display: inline-block;
			i{
				font-size: 42px;
				transition: color 0.25s ease-in-out 0s;
				color: $themeLightColor;
				margin: 0;
				position: relative;
			}
			i.my-icon{
				display: inline-block;
			    height: 100%;
			    vertical-align: baseline;
			    width: 42px;
			    svg{
			    	margin-top: -12px;
			    	width: 42px;
			    	height: 42px;
			    	display: inline-block;
			    	vertical-align: middle;
			    	position: static;
			    	fill: $themeLightColor;
			    }
			}
			&:hover{
				i{
					color: $themeColor;
					&.my-icon{
						svg{
					    	fill: $themeColor;
					    }
					}
				}
			}
		}
	}
}